<html>
<head>
</head>

<body>
	<wicket:panel>
		<div class="es-thumbDiv"> 
			<div wicket:id="invitedUser" class="ui-icon ui-icon-circle-plus es-waiting" title="User has not accepted invitation to join yet"></div>
			<div class="es-badge es-userTheme">
				<a href="#" wicket:id="imgLink">
	    			<img src="" wicket:id="img"/>
	    		</a>
	        	<div class="es-badgeTxt">
	        		<div class="es-badgeTitle es-userTitle">
	        			<a href="#" wicket:id="nameLink">
	        				<span wicket:id="name">Marla Singer</span>
	        			</a>
	        		</div>
	            	<div class="es-badgeNavigation">
	                	<a title="View Universities" href="#" wicket:id="univ">
	                		<img style="float:left;" src="images/icons/univ16.png" alt="View Universities" />
	                	</a>
	                	<span style="float:left">&nbsp;&nbsp;</span>
	                	<a title="View Departments" href="#" wicket:id="dept">
	                		<img style="float:left;" src="images/icons/dept16.png" alt="View Departments" />
	                	</a>
	                	<span style="float:left">&nbsp;&nbsp;</span>
	                	<a title="View All Courses" href="#" wicket:id="course">
	                		<img style="float:left;" src="images/icons/courses16.png" alt="View Courses" />
	                	</a>
	            	</div>
	        	</div>
	        <div style="clear:both"></div>
			<div style="float: right; padding: 5px; z-index:0;">
				<span wicket:id="role">Student</span>&nbsp;<a class="chngRole" href="#">[Change Role]</a>
				<ul class="chroleDD es-text roleUL">
					<li style="list-style: none;" wicket:id="roleLV">
						<a wicket:id="roleChangeLink" href="#">
							<span wicket:id="roleName">Student</span>
						</a>
					</li>
				</ul>
				<a href="#" wicket:id="removeLink">&nbsp;|&nbsp;Remove</a>
			</div>        
	    </div>
	    
    </div>
	</wicket:panel>
</body>
</html>